<template>
    <main>
        <!-- 形成滚动区域 -->
        <section>
            <div class="dazao">
                <!-- <figure >
                    <img src="../assets/img/tuijian1.png" alt="">
                    <p>【宇宙】 BBC Earth纪录片-红矮星</p>
                    <div class="zi">
                        <div class="zileft"><img src="../assets/img/tuijian11.png" alt=""> 有道视频</div>
                        <div class="ziright">
                            <span># 星系</span>&nbsp;&nbsp;&nbsp;
                            <span># 宇宙</span>&nbsp;&nbsp;&nbsp;
                            <span>11</span>
                        </div>
                    </div>
                </figure>
                <figure >
                    <img src="../assets/img/tuijian2.png" alt="">
                    <p>再做辆坦克车，组成乡村小方队</p>
                    <div class="zi">
                        <div class="zileft"> 小镇青年</div>
                        <div class="ziright">
                            <span>生活技巧</span>&nbsp;&nbsp;&nbsp;
                            <span>11</span>
                        </div>
                    </div>
                </figure>
                 -->

              

             <Tjxinxis  class="tjxinxis" />
            </div>
        </section>
    </main>
    
</template>

<script>
import Tjxinxis  from "../components/Tjxinxis";
export default {
    name:"Content",
    components: { Tjxinxis },
    data(){
        return {
          
        }
    }
}
</script>

<style scoped>


main{
    flex: 1;
    overflow: auto;
    /* background: hotpink; */
}


.dazao{
    /* height: 1.3rem; */
    width: 100%;
    display: flex;  
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 15px auto;
    border-radius: 9px;
    margin-top: 0.1rem;
   
}



</style>
